#navbar{height:100px;position:fixed;top:0;width:100%;font-weight:500;transition:all .2s ease-in-out;z-index:1000}#navbar .nav-item.active{font-weight:bold}#navbar.with-background{background:#fff;height:85px;box-shadow:0px 0px 20px 0px rgba(0,0,0,.15)}#navbar.with-background .nav_logo{height:70px;display:flex;align-items:center}#navbar.with-background .nav_logo a:hover {color:#00b686;}#navbar.with-background .nav_logo span{color:#00b686;margin-left:60px}@media only screen and (max-width: 400px){#navbar.with-background .nav_logo span{display:none}}#navbar.with-background .menu li{color:#000}#navbar.with-background .menu li a{color:#000}#navbar.with-background .menu li a:hover{font-weight:bold}#navbar.with-background .menu li .sub_menu{color:#000}#navbar.with-background .menu li:before{background:#000}#navbar.with-background .menu_toggle .label{color:#000}#navbar.with-background .menu_toggle span.hamburguer{background-color:#000}#navbar .navbar_wrapper{position:relative;height:100%;width:90%;display:flex;align-items:center;margin:0 auto}#navbar .nav_logo{position:absolute;top:7px;left:10px;width:50%;height:80px;transition:height .15s ease-in-out;display:flex;align-items:center}#navbar .nav_logo span{margin-left:70px;color:#fff}@media only screen and (max-width: 450px){#navbar .nav_logo span{display:none}}#navbar .nav_logo img{position:absolute;top:50%;transform:translateY(-50%);height:80%;object-fit:cover}#navbar .menu{position:absolute;right:0;list-style:none}#navbar .menu li{position:relative;display:inline-block;text-transform:uppercase;margin-right:1rem;margin-top:10px;color:#fff;cursor:pointer}#navbar .menu li a{color:#fff;text-decoration:none}#navbar .menu li:hover>.sub_menu{display:block}#navbar .menu li:last-child{margin-right:0}#navbar .menu li:before{content:"";position:absolute;bottom:-0.3rem;width:0%;height:2px;background:#fff;left:50%;transform:translateX(-50%);transition:all .3s ease-in-out}#navbar .menu li:hover:before{width:100%;transition:all .3s ease-in-out}#navbar .menu li .sub_menu{display:none;position:absolute;top:100%;white-space:nowrap;font-size:.8rem;font-weight:400;padding-top:.4rem;transition:all .3 ease-in-out}#navbar .menu li .sub_menu li{display:inline-block;padding-top:.5rem;margin-bottom:.8rem;animation:sliding .3s ease-in-out forwards}#navbar .menu li .sub_menu li:before{height:1px;bottom:-0.1rem}#navbar .menu_toggle{display:none;position:absolute;right:0;top:24px;height:42px;width:42px;text-decoration:none}#navbar .menu_toggle .label{color:#fff;position:absolute;right:100%;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:400}#navbar .menu_toggle span.hamburguer{display:block;width:24px;height:2px;margin-top:-1px;position:absolute;left:9px;top:50%;right:auto;bottom:auto;background-color:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-shadow:none;color:transparent}#navbar .menu_toggle span.hamburguer:before,#navbar .menu_toggle span.hamburguer:after{content:"";width:100%;height:100%;background-color:inherit;position:absolute;left:0;-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}#navbar .menu_toggle span.hamburguer:before{top:-9px}#navbar .menu_toggle span.hamburguer:after{bottom:-9px}#navbar .menu_toggle.is-clicked span.hamburguer{background-color:rgba(0,0,0,0);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#navbar .menu_toggle.is-clicked span.hamburguer:before,#navbar .menu_toggle.is-clicked span.hamburguer:after{background-color:#000}#navbar .menu_toggle.is-clicked span.hamburguer:before{top:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}#navbar .menu_toggle.is-clicked span.hamburguer:after{bottom:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}@media only screen and (max-width: 1000px){#navbar .navbar_wrapper{width:95%}#navbar .menu{display:none}#navbar .menu_toggle{display:block}}#navbar.mobile{position:fixed;height:100vh;background:#fff;overflow-y:auto}#navbar.mobile .navbar_wrapper{justify-content:flex-start}#navbar.mobile .menu{position:absolute;display:block;padding:1rem;top:85px;left:0}#navbar.mobile .menu li{display:block;padding:1rem 0;font-size:1.2rem;color:#000;animation:slidingLeft .3s ease-in-out forwards}#navbar.mobile .menu li:before{content:none}#navbar.mobile .menu li:first-child i{display:none}#navbar.mobile .menu li a{color:#000}#navbar.mobile .menu li .sub_menu{display:block;position:relative;padding-top:0}#navbar.mobile .menu li .sub_menu li{display:block;font-size:1rem;font-weight:300;margin-left:1rem;padding-bottom:0}#navbar.mobile .menu li .sub_menu li:last-child{margin-bottom:0}#navbar.mobile .menu_toggle .label{color:#000}@keyframes sliding{from{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0%)}}@keyframes slidingLeft{from{opacity:0;transform:translateX(-20%)}to{opacity:1;transform:translateY(0%)}}/*# sourceMappingURL=navbar.css.map */